<template>
  <!-- 我的收藏页 -->
  <div id="mine">
    <router-link to="/mypage"
      ><van-nav-bar title="我的收藏" left-arrow fixed class="van-nav-bar"
    /></router-link>
    <!-- 内容 -->
    <div class="mine-content">
      <van-grid :column-num="3">
        <van-grid-item
          v-for="value in 9"
          :key="value"
          icon="fire-o"
          text="医生"
        />
      </van-grid>
      <!-- 空状态 -->
      <van-empty description="你还没有收藏东西哦！" />
    </div>
  </div>
</template>
<style scoped>
/* 通过外层id标识，穿透设置css */
#mine /deep/ .van-nav-bar__title,
#mine /deep/ .van-icon {
  color: white !important;
}
.van-nav-bar {
  background-color: #9bb8dc;
}
.mine-content {
  margin-top: 50px;
}
</style>